docs: improve README - reorder badges, add downloads, fix dark/light diagram, fix contributor note (#1281)

* docs: fix README - reorder social badges, add downloads, fix architecture diagram, fix contributor note

* fix: remove extra blank lines and add alt text to resolve markdownlint errors

* Change Download style

---------

Co-authored-by: ROHAN PANDEY <95585299+rohan-pandeyy@users.noreply.github.com>

Author: Umang-Khemka

README.md

@@ -8,31 +8,64 @@
 
 <!-- Organization/Project Social Handles -->
 <p align="center">
-<!-- Telegram -->
-<a href="https://t.me/StabilityNexus">
-<img src="https://img.shields.io/badge/Telegram-black?style=flat&logo=telegram&logoColor=white&logoSize=auto&color=24A1DE" alt="Telegram Badge"/></a>
+<!-- Discord -->
+<a href="https://discord.gg/hjUhu33uAn">
+<img src="https://img.shields.io/discord/1022871757289422898?style=flat&logo=discord&logoColor=white&logoSize=auto&label=Discord&labelColor=5865F2&color=57F287" alt="Discord Badge"/></a>
 &nbsp;&nbsp;
 <!-- X (formerly Twitter) -->
 <a href="https://x.com/aossie_org">
 <img src="https://img.shields.io/twitter/follow/aossie_org" alt="X (formerly Twitter) Badge"/></a>
 &nbsp;&nbsp;
-<!-- Discord -->
-<a href="https://discord.gg/hjUhu33uAn">
-<img src="https://img.shields.io/discord/1022871757289422898?style=flat&logo=discord&logoColor=white&logoSize=auto&label=Discord&labelColor=5865F2&color=57F287" alt="Discord Badge"/></a>
+<!-- LinkedIn -->
+<a href="https://www.linkedin.com/company/aossie/">
+  <img src="https://img.shields.io/badge/LinkedIn-black?style=flat&logo=LinkedIn&logoColor=white&logoSize=auto&color=0A66C2" alt="LinkedIn Badge"></a>
 &nbsp;&nbsp;
 <!-- Medium -->
 <a href="https://news.stability.nexus/">
   <img src="https://img.shields.io/badge/Medium-black?style=flat&logo=medium&logoColor=black&logoSize=auto&color=white" alt="Medium Badge"></a>
 &nbsp;&nbsp;
-<!-- LinkedIn -->
-<a href="https://www.linkedin.com/company/aossie/">
-  <img src="https://img.shields.io/badge/LinkedIn-black?style=flat&logo=LinkedIn&logoColor=white&logoSize=auto&color=0A66C2" alt="LinkedIn Badge"></a>
+<!-- Telegram -->
+<a href="https://t.me/StabilityNexus">
+<img src="https://img.shields.io/badge/Telegram-black?style=flat&logo=telegram&logoColor=white&logoSize=auto&color=24A1DE" alt="Telegram Badge"/></a>
 &nbsp;&nbsp;
 <!-- Youtube -->
 <a href="https://www.youtube.com/@AOSSIE-Org">
   <img src="https://img.shields.io/youtube/channel/subscribers/UCKVVLbawY7Gej_3o2WKsoiA?style=flat&logo=youtube&logoColor=white%20&logoSize=auto&labelColor=FF0000&color=FF0000" alt="Youtube Badge"></a>
 </p>
 
+<p align="center">
+  <span style="font-size:18px;font-weight:bold">Download:</span>
+    <span style="display:inline-flex;align-items:center;gap:0.5rem;">
+      <a href="https://github.com/AOSSIE-Org/PictoPy/releases/latest/download/PictoPy_1.1.0_x64-setup.exe">
+        <span style="display:inline-flex;align-items:center;gap:0.4rem;padding:0.55rem 1rem;background:#017EC6;color:#ffffff;border-radius:6px;font-weight:700;line-height:1;">
+          <span>Windows</span>
+          <svg xmlns="http://www.w3.org/2000/svg" alt="Windows logo" width="18" height="18" fill="currentColor" class="bi bi-microsoft" viewBox="0 0 16 16">
+            <path d="M7.462 0H0v7.19h7.462zM16 0H8.538v7.19H16zM7.462 8.211H0V16h7.462zm8.538 0H8.538V16H16z"/>
+          </svg>
+        </span>
+      </a>
+      <a href="https://github.com/AOSSIE-Org/PictoPy/releases/latest/download/PictoPy_aarch64.app.tar.gz">
+        <span style="display:inline-flex;align-items:center;gap:0.4rem;padding:0.55rem 1rem;background:#000000;color:#ffffff;border-radius:6px;font-weight:700;line-height:1;">
+          <span>MacOS</span>
+          <img src="https://cdn.simpleicons.org/apple/ffffff" alt="MacOS logo" width="" height="18" />
+        </span>
+      </a>
+      <a href="https://github.com/AOSSIE-Org/PictoPy/releases/latest/download/PictoPy_1.1.0_amd64.deb">
+        <span style="display:inline-flex;align-items:center;gap:0.4rem;padding:0.55rem 1rem;background:#A81D33;color:#ffffff;border-radius:6px;font-weight:700;line-height:1;">
+          <span>Debian</span>
+          <img src="https://cdn.simpleicons.org/debian/ffffff" alt="Debian logo" width="18" height="18" />
+        </span>
+      </a>
+      <a href="https://github.com/AOSSIE-Org/PictoPy/releases/latest">
+        <span style="display:inline-flex;align-items:center;gap:0.4rem;padding:0.55rem 1rem;background:#181717;color:#ffffff;border-radius:6px;font-weight:700;line-height:1;">
+          <span>GitHub Releases</span>
+          <img src="https://cdn.simpleicons.org/github/ffffff" alt="GitHub logo" width="18" height="18" />
+        </span>
+      </a>
+    </span>
+  </a>
+</p>
+
 # PictoPy
 
 **PictoPy is an open-source, privacy-first AI photo management application built for the desktop - featuring on-device face recognition, object detection, and smart search, with zero data leaving your machine.**
@@ -89,11 +122,8 @@ Find out more at [https://pictopy.aossie.org/](https://pictopy.aossie.org/).
 ## High Level Architecture
 
 <div align="center">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="docs/assets/architectual-design-dark.svg">
-    <source media="(prefers-color-scheme: light)" srcset="docs/assets/architectual-design-light.svg">
-    <img src="docs/assets/architectual-design-light.svg" alt="PictoPy architecture diagram">
-  </picture>
+  <img src="docs/assets/architectual-design-light.svg#gh-light-mode-only" alt="PictoPy architecture diagram"/>
+  <img src="docs/assets/architectual-design-dark.svg#gh-dark-mode-only" alt="PictoPy architecture diagram"/>
 </div>
 
 ## Want to Contribute?
@@ -114,7 +144,7 @@ See the [LICENSE](LICENSE) file for details.
 
 ## Thanks To All Contributors
 
-Thanks a lot for spending your time helping TODO grow. Keep rocking 🥂
+Thanks a lot for spending your time helping PictoPy grow. Keep rocking 🥂
 
 [![Contributors](https://contrib.rocks/image?repo=AOSSIE-Org/PictoPy)](https://github.com/AOSSIE-Org/PictoPy/graphs/contributors)