Fix: replace link buttons with shields.io badges

index.html

@@ -37,16 +37,8 @@
         .description { margin-bottom: 1.5rem; }
         .badges { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 1.5rem 0; }
         .badges img { height: 22px; }
-        .links { display: flex; gap: 1rem; margin: 1.5rem 0; flex-wrap: wrap; }
-        .links a {
-            color: var(--accent);
-            text-decoration: none;
-            padding: 0.5rem 1rem;
-            border: 1px solid var(--accent);
-            border-radius: 4px;
-            transition: all 0.2s;
-        }
-        .links a:hover { background: var(--accent); color: #fff; }
+        .links { display: flex; gap: 0.4rem; margin: 1.5rem 0; flex-wrap: wrap; }
+        .links img { height: 28px; }
         .arch-table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
         .arch-table th, .arch-table td {
             text-align: left;
@@ -87,10 +79,10 @@
         </p>
 
         <div class="links">
-            <a href="https://edgefirst.studio">EdgeFirst Studio</a>
-            <a href="https://github.com/EdgeFirstAI">GitHub</a>
-            <a href="https://doc.edgefirst.ai">Documentation</a>
-            <a href="https://www.au-zone.com">Au-Zone Technologies</a>
+            <a href="https://edgefirst.studio"><img src="https://img.shields.io/badge/EdgeFirst_Studio-e94560?style=for-the-badge&logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Ik0xMiAyTDIgN2wxMCA1IDEwLTV6Ii8+PHBhdGggZD0iTTIgMTdsMTAgNSAxMC01Ii8+PHBhdGggZD0iTTIgMTJsMTAgNSAxMC01Ii8+PC9zdmc+" alt="EdgeFirst Studio"></a>
+            <a href="https://github.com/EdgeFirstAI"><img src="https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=github&logoColor=white" alt="GitHub"></a>
+            <a href="https://doc.edgefirst.ai"><img src="https://img.shields.io/badge/Docs-0072CE?style=for-the-badge&logo=readthedocs&logoColor=white" alt="Documentation"></a>
+            <a href="https://www.au-zone.com"><img src="https://img.shields.io/badge/Au--Zone_Technologies-333?style=for-the-badge" alt="Au-Zone Technologies"></a>
         </div>
 
         <h2>Supported Hardware</h2>