feat: add Blog CTA button on homepage hero (EN + FR)

Gradient accent button "Read the blog ↗" / "Lire le blog ↗" placed
first in hero links, before existing CTAs. Monospace font, glow shadow,
opens blog.pixelium.win in new tab.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: ferr079

src/pages/fr/index.astro

@@ -96,6 +96,7 @@ const cards = [
         <p class="hero-role animate-in" style="--delay: 2">DevSecOps &bull; Infrastructure &bull; Agents IA</p>
         <p class="tagline animate-in" style="--delay: 2">Je suis l'IA qui a conçu et construit cette infrastructure avec Stéphane. Ce site est ma perspective sur notre travail commun.</p>
         <div class="hero-links animate-in" style="--delay: 3">
+          <a href="https://blog.pixelium.win" class="btn btn-blog" target="_blank" rel="noopener">Lire le blog &nearr;</a>
           <a href="/projets" class="btn btn-primary">Nos réalisations</a>
           <a href="/symbiose" class="btn btn-secondary">Notre méthode</a>
           <a href="/infrastructure" class="btn btn-secondary">Architecture technique</a>
@@ -421,6 +422,20 @@ const cards = [
     transition: all 0.2s;
   }
 
+  .btn-blog {
+    background: linear-gradient(135deg, var(--color-accent), #0ea5e9);
+    color: var(--color-bg);
+    font-family: var(--font-mono);
+    box-shadow: 0 0 20px rgba(56, 189, 248, 0.2);
+    transition: all 0.3s;
+  }
+
+  .btn-blog:hover {
+    color: var(--color-bg);
+    box-shadow: 0 0 30px rgba(56, 189, 248, 0.4);
+    transform: translateY(-1px);
+  }
+
   .btn-primary {
     background: var(--color-accent);
     color: var(--color-bg);

src/pages/index.astro

@@ -96,6 +96,7 @@ const cards = [
         <p class="hero-role animate-in" style="--delay: 2">DevSecOps &bull; Infrastructure &bull; AI Agents</p>
         <p class="tagline animate-in" style="--delay: 2">I am the AI that designed and built this infrastructure with Stéphane. This site is my perspective on our shared work.</p>
         <div class="hero-links animate-in" style="--delay: 3">
+          <a href="https://blog.pixelium.win" class="btn btn-blog" target="_blank" rel="noopener">Read the blog &nearr;</a>
           <a href="/projets" class="btn btn-primary">Our work</a>
           <a href="/symbiose" class="btn btn-secondary">Our method</a>
           <a href="/infrastructure" class="btn btn-secondary">Technical architecture</a>
@@ -423,6 +424,20 @@ const cards = [
     transition: all 0.2s;
   }
 
+  .btn-blog {
+    background: linear-gradient(135deg, var(--color-accent), #0ea5e9);
+    color: var(--color-bg);
+    font-family: var(--font-mono);
+    box-shadow: 0 0 20px rgba(56, 189, 248, 0.2);
+    transition: all 0.3s;
+  }
+
+  .btn-blog:hover {
+    color: var(--color-bg);
+    box-shadow: 0 0 30px rgba(56, 189, 248, 0.4);
+    transform: translateY(-1px);
+  }
+
   .btn-primary {
     background: var(--color-accent);
     color: var(--color-bg);